<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=1360" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<title>掌上ACG</title>
		<meta name="keywords" content="掌上ACG,ACGBOX,漫展,live,动漫,二次元,手办,宅物,动漫周边,购票,订票,粉丝活动,资讯">
		<meta name="description" content="行业资讯一键获得，明星动态一键互动，漫展查询一键购票，商城正品一键购买，福利活动一键入手——从线上到线下丰富你的二次元生活。">
		<link type="text/css" href="images/ico.ico" rel="shortcut icon" />
		<link rel="stylesheet" type="text/css" href="css/acg-bj.css"/>
		<link rel="stylesheet" type="text/css" href="css/fancybox.css"/>
		<link rel="stylesheet" href="css/fancybox-buttons.css" />
		<link rel="stylesheet" type="text/css" href="css/aos.css"/>
		<link rel="stylesheet" type="text/css" href="css/load.css"/>
		<!--[if !IE]> -->
		<script src="js/jquery-2.1.1.min.js"></script>
		<!-- <![endif]-->
		<!--[if lte IE 8]>
		    <script type="text/javascript" src="js/jquery.min.js" ></script>
		<![endif]-->
		<!--[if gt IE 8]>
		    <script type="text/javascript src="js/jquery-2.1.1.min.js"></script>
		<![endif]-->		
		<!--[if IE]>
		<script type="text/javascript src="js/html5shiv.js"></script>
		< ![endif]-->
		<script type="text/javascript">
		
		
		// 等待所有加载 111111
		$(window).load(function() {	
			setTimeout(function(){
				$('body').addClass('loaded');
				$('#loader-wrapper .load_title').remove();	
			},1000);					
		})
		</script>

	</head>
	<body>
	<!--loading-->
	<div id="loader-wrapper">
		<div id="loader"></div>
		<div class="loader-section section-left"></div>
		<div class="loader-section section-right"></div>
		<div class="load_title">页面正在加载中......</div>
	</div>	
		
	<div class="bj_all">
		<div class="black_8"></div>
		<div class="bj_pos">
			<div class="bj_head">
				<img src="images/bj_head.png" alt="" />
			</div>
		</div>		
		<div class="bj_pub">
			<div class="words">
				<div class="words_con">
					<div class="introduce">
						<p>公司2012年成立.2014年以“ACG联盟”</p>
						<p>展开系列品牌活动，2015年迁至上海，</p>
						<p>2016年开设背景分公司，是一家以二次元文化为核心，</p>
						<p>致力于二次元泛娱乐文化项目的公司。旗下品牌“ACG联盟”</p>
						<p>已持续推广三年，从二次元展览演出切入市场</p>
						<p>在线下服务具有行业优势的情况下开始逐步拓展线上内容业务，</p>
						<p class="mt_50">立志成为首批具备线下服务优势的二次元独角兽。</p>
						<p>目前公司业务已由初创</p>
						<p>时期的单一展演业务拓展为线下、线上、</p>
						<p>影视三大板块，展演、一人、网剧、海外、音乐、APP六大分支。</p>
					</div>
				</div>				
				<div class="h_click">
					<img class="aaa" src="images/h_click.png"/>		
					<div class="rotate">
						<img src="images/rotate.png"/>
					</div>
				</div>
			</div>	
			
			<div class="conduit_a">
				
				<!--点-->
				<div class="container dot_a">  
				    <div class="dot"></div>  
				    <div class="pulse"></div>  
				    				    
				    <div class="contact_0 contact_a">
						<p class="p_tit">
							线下中心
						</p>
						<p class="p_address">地址：上海市静安区市北高新科技产业园（江场西路395号4楼）</p>
						<p class="p_tel">电话：4008820040</p>
					</div>
				</div> 
							
				<div class="line_tit pt_40" data-aos="fade-right">
					<img src="images/line_down.png"/>
				</div>
				<div class="line_logo clear" data-aos="fade-left">
					<img src="images/line_logo.png"/>
				</div>
				<!--video-->
				<div class="video clear">
					<div class="v_left">
						<video width="400"   controls="controls"  controls="controls" poster="images/video.jpg">
							<source src="video/video.mp4" ></source>													
						</video>
					</div>
					<div class="v_right" data-aos="zoom-in">
						<p>旗下包括：ACG动漫音乐节、123</p>
						<p>ACG动漫游戏展、ACG武林大会</p>
						<p>三条主线全国巡演展演品牌，</p>
						<p>以及年度盛典ACGM，</p>
						<p>是目前行业内最大的全国</p>
						<p>巡回二次元展演项目主办单位。</p>						
					</div>
				</div>
				<!--回顾-->
				<div class="review">
					<div class="review_tit">
						<img src="images/review.png"/>
					</div>
					
					<div class="productshow">
						<div class="scrollcontainer">
							<ul>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_1.jpg" >
										<img  width="143" src="images/xx_1.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_2.jpg" >
										<img  width="143" src="images/xx_2.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_3.jpg" >
										<img  width="143" src="images/xx_3.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_4.jpg" >
										<img  width="143" src="images/xx_4.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_5.jpg" >
										<img  width="143" src="images/xx_5.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_6.jpg" >
										<img  width="143" src="images/xx_6.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_7.jpg" >
										<img  width="143" src="images/xx_7.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_8.jpg" >
										<img  width="143" src="images/xx_8.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_9.jpg" >
										<img  width="143" src="images/xx_9.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_10.jpg" >
										<img  width="143" src="images/xx_10.jpg"  />
									</a>	
								</li>
								<li>
									<a class="fancybox-buttons" data-fancybox-group="button" href="images/xx_11.jpg" >
										<img  width="143" src="images/xx_11.jpg"  />
									</a>	
								</li>
								
							</ul>
						</div>
						<a class="abtn aleft" href="#left"><img src="images/arrow-left.png"/></a>
						<a class="abtn aright" href="#right"><img src="images/arrow-right.png"/></a>
					</div>
				</div>				
			</div>
			
			<div class="conduit_b clear">
				<img src="images/conduit_2.png"/>
			</div>
			<div class="conduit_c clear">
				
				<!--点-->
				<div class="container dot_b">  
				    <div class="dot"></div>  
				    <div class="pulse"></div>  
				    <div class="contact_0 contact_b">
						<p class="p_tit">
							线上中心
						</p>
						<p class="p_address">地址：上海市静安区市北高新科技产业园（江场西路395号3楼）</p>
						<p class="p_tel">电话：4008820040</p>
					</div>
				</div> 
				
				<div class="line_up_tit" data-aos="fade-left">
					<img src="images/line_up.png"/>
				</div>
				<div class="clear"></div>
				<div class="lu">
					<div class="lu_left fl" data-aos="fade-right">
						<img src="images/lu_tit.png"/>
						<div class="lu_p">
							<p>贯穿展会票务、资讯、官方动态发布、</p>
							<p>周边购买、社交等多个零余额的宅生活</p>
							<p>场景，打造以服务二次元用户为核心</p>
							<p>的宅文化/生活聚合平台。</p>
						</div>
					</div>
					<div class="lu_right fl" >
						<div class="productshow ps_2">
							<div class="scrollcontainer">
								<ul>
									<li>
										<a class="fancybox-buttons-a" data-fancybox-group="button" href="images/xs_1.jpg" >
											<img  height="143" src="images/xs_1.jpg"  />
										</a>	
									</li>
									<li>
										<a class="fancybox-buttons-a" data-fancybox-group="button" href="images/xs_2.jpg" >
											<img  height="143" src="images/xs_2.jpg" data-original="images/xs_2.jpg" />
										</a>	
									</li>
									 <li>
										<a class="fancybox-buttons-a" data-fancybox-group="button" href="images/xs_3.jpg" >
											<img  height="143" src="images/xs_3.jpg" data-original="images/xs_3.jpg" />
										</a>	
									</li>
									<li>
										<a class="fancybox-buttons-a" data-fancybox-group="button" href="images/xs_4.jpg" >
											<img  height="143" src="images/xs_4.jpg"  />
										</a>	
									</li>
									<li>
										<a class="fancybox-buttons-a" data-fancybox-group="button" href="images/xs_5.jpg" >
											<img  height="143" src="images/xs_5.jpg"  />
										</a>	
									</li>
								</ul>
							</div>
							<a class="abtn aleft" href="#left"><img src="images/arrow-left.png"/></a>
							<a class="abtn aright" href="#right"><img src="images/arrow-right.png"/></a>
						</div>
					</div>
				</div>
				<div class="scan clear" data-aos="flip-up">
					<div class="scan_left fl">
						<img src="images/gg.png" alt="" />
					</div>
					<div class="scan_right fl">
						<div class="lu_p scan_p">
							<p>幻拍ACG：利用增强现实（AR）技术，</p>
							<p>将酷炫影视动漫特效与现实场景完美融</p>
							<p>合，把唯美、童年、怀旧、梦想、娱乐</p>
							<p>与恶搞等诸多梦幻元素带入次元日常，</p>
							<p>以强大的可塑性与拓展性打造拍照的革</p>
							<p>新体验。</p>
						</div>
						<div class="scan-a">
							<a href="http://acg2.com/">掌上ACG官网入口</a>
						</div>
					</div>
				</div>
			</div>
			<div class="conduit_d clear">
				<img src="images/conduit_4.png"/>
			</div>
			
			<div class="conduit_e">
								<!--点-->
				<div class="container dot_c">  
				    <div class="dot"></div>  
				    <div class="pulse"></div>  
				    
				    <div class="contact_0 contact_a contact_c">
						<p class="p_tit">
							影视中心
						</p>
						<p class="p_address">地址：上海市静安区市北高新科技产业园（江场西路395号4楼）</p>
						<p class="p_tel">电话：4008820040</p>
					</div>
				</div> 
				
				<div class="line_tit pt_30" data-aos="fade-right" >
					<img src="images/movie.png"/>
				</div>
				<div class="list clear">
					<div class="list_left fl" data-aos="fade-down">
						<img src="images/tit_1.png"/>
					</div>
					<div class="list_right fl" >
						<div class="productshow ps_3">
							<div class="scrollcontainer">
								<ul>
									<li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_1.jpg" >
											<img  height="143" src="images/ys_1.jpg"  />
										</a>	
									</li>
									<li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_2.jpg" >
											<img  height="143" src="images/ys_2.jpg" data-original="images/ys_2.jpg" />
										</a>	
									</li>
									 <li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_3.jpg" >
											<img  height="143" src="images/ys_3.jpg" data-original="images/ys_2.jpg" />
										</a>	
									</li>
									<li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_4.jpg" >
											<img  height="143" src="images/ys_4.jpg"  />
										</a>	
									</li>
									<li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_5.jpg" >
											<img  height="143" src="images/ys_5.jpg" data-original="images/ys_5.jpg" />
										</a>	
									</li>
									 <li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_6.jpg" >
											<img  height="143" src="images/ys_6.jpg" data-original="images/ys_6.jpg" />
										</a>	
									</li>
									<li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_7.jpg" >
											<img  height="143" src="images/ys_7.jpg"  />
										</a>	
									</li>
									<li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_8.jpg" >
											<img  height="143" src="images/ys_8.jpg" data-original="images/ys_8.jpg" />
										</a>	
									</li>
									 <li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_9.jpg" >
											<img  height="143" src="images/ys_9.jpg" data-original="images/ys_9.jpg" />
										</a>	
									</li>
									<li>
										<a class="fancybox-buttons-b" data-fancybox-group="button" href="images/ys_10.jpg" >
											<img  height="143" src="images/ys_10.jpg" data-original="images/ys_10.jpg" />
										</a>	
									</li>
								</ul>
							</div>
							<a class="abtn aleft" href="#left"><img src="images/arrow-left.png"/></a>
							<a class="abtn aright" href="#right"><img src="images/arrow-right.png"/></a>
						</div>
					</div>
				</div>
				<div class="movie_con" data-aos="fade-down">
					<p>拥有自编自导的剧组团队，组成拍摄、制作、发行为一体的影视矩阵。</p>
					<p>截止目前已获得<a href="">超神学院</a>+<a href="">魁拔</a>+<a href="">古蜀遗踪</a> 三大IP授权</p>
					
					<img class="mt_30 mb_10" src="images/tit_2.png"/>
					<p>拥有包括优秀cose、优秀画师、歌手舞见等在内的30位签约艺人，</p>
					<p>深度合作艺人200余位，遍及整个二次元泛娱乐领域</p>
					<img class="mt_30 mb_10" src="images/tit_3.png"/>
					<p>已完成3部等满音乐专辑的制作，数百首单曲，几千万在线单击。</p>
				</div>					
			</div>
			<div class="conduit_f">
				<img src="images/conduit_6.png"/>
			</div>
			<div class="conduit_g">
				<!--点-->
				<div class="container dot_d">  
				    <div class="dot"></div>  
				    <div class="pulse"></div>  
				    <div class="contact_0 contact_a contact_d">
						<p class="p_tit">
							北京商务
						</p>
						<p class="p_address">地址：北京市朝阳区建外SOHO西区14号楼1502</p>
						<p class="p_tel">电话：010-56359901</p>
						<div class="oicq">
							<div class="q_left fl">
								<p  class="qt">销售商务</p>
								<p class="qc"><span>蒋阿姨</span> QQ : 527086114</p>
								<p class="qc"><span>大静哥哥</span> QQ : 270731394</p>
							</div>
							<div class="q_right fl">
								<p class="qt">品牌市场</p>
								<p class="qc"><span>谭sir</span>QQ : 64479209</p>
								<p class="qc"><span>千妹妹</span>QQ : 595248296</p>
							</div>
						</div>
					</div>
				</div> 
				<div class="business_tit" data-aos="fade-right">
					<img src="images/business_tit.png" alt="" />
				</div>
				<div class="business" data-aos="fade-left">
					<div class="b_con">
						<p>整合公司旗下三大板块六大分支，全线资源，</p>
						<p>为合作客户打造最具二次元特色的营销服务。</p>
						<p>以及负责公司整体市场品牌定位、宣传推广战略、</p>
						<p>品牌肄业合作等。并辅助各中心完善重点项目的</p>
						<p>跨行业市场宣传策略与推广计划。</p>
					</div>
				</div>
			</div>
			
			<div class="clear"></div>
		</div>
		<div class="grass">
			<img src="images/grass.png"/>
		</div>
		<div class="bj_footer">
			<div class="bj_pub">
				<div class="foot">
					<img data-aos="flip-down" src="images/foot.png"/>
					
					<img data-aos="flip-left" class="hello" src="images/hello.png"/>
					
					
					<img class="logo" src="images/logo.png"/>
				</div>
			</div>
		</div>
		<div class="black_8"></div>	
	</div>		
	<div class="scroll" id="scroll" style="display:none;">
		回到顶部
	</div>
	<script type="text/javascript" src="js/fancybox.js" ></script>
	<script type="text/javascript" src="js/fancybox-buttons.js" ></script>
	<script src="js/slider.js" type="text/javascript"></script> 
	<script type="text/javascript" src="js/aos.js"></script>
	<script>
	
		$(document).ready(function() {				
			//首屏中间显示
			var head_h=$(window).height()-80;
			var bj_head_h=$('.bj_head img').height() / 2;
			var bj_head_w=$('.bj_head img').width() / 2;
								
			$('.bj_pos').css({"height":head_h});
			$('.bj_head').css({'margin-top':-bj_head_h});
			
			//鼠标经过旋转托盘
			$('.rotate').hover(function(){
			    $(this).children('img').attr("src","images/rotate_hover.png");
			},function(){
			    	$(this).children('img').attr("src","images/rotate.png");
			});
			//点击旋转，动画
			$('.rotate').click(function(){
				$('.bj_pos').animate({'margin-top':-head_h},1000);
				$('.words_con').fadeIn(1000);
				$('.words').css('margin-top',80);
				$(this).children('img').attr("src","images/rotate_hover.png"); 
				$(".introduce").fadeIn(3000);
			})
			
			//循环滚动
			$(".productshow:eq(0)").Xslider({
				unitdisplayed:5,
				numtoMove:1,
				loop:"cycle",
				autoscroll:3000
			});
			$(".productshow:eq(1)").Xslider({
				unitdisplayed:1,
				numtoMove:1,
				loop:"cycle",
				autoscroll:3000
			});
			
			$(".productshow:eq(2)").Xslider({
				unitdisplayed:1,
				numtoMove:1,
				loop:"cycle",
				autoscroll:3000
			});
			
			
			//fancybox
			$('.fancybox-buttons').fancybox({
			    openEffect  : 'none', //弹出渐现
			    closeEffect : 'none', //关闭渐现
			    //prevEffect : 'none',  上一张渐现
			    //nextEffect : 'none',  下一张渐现
			    closeBtn  : false,  //是否开启关闭按钮,默认true
			    minWidth:400,
			    autoHeight:true, //自动调整高度
			    playSpeed:2000,//图片自动播放的速度
			    helpers : {
			        title : {
			            type : 'inside'
			        },
			        buttons : {}
			    },
			    afterLoad : function() {
			        this.title = '线下业务 ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
			    }
			});
			
			
			$('.fancybox-buttons-a').fancybox({
			    openEffect  : 'none', //弹出渐现
			    closeEffect : 'none', //关闭渐现
			    //prevEffect : 'none',  上一张渐现
			    //nextEffect : 'none',  下一张渐现
			    closeBtn  : false,  //是否开启关闭按钮,默认true
			    minWidth:400,
			    autoHeight:true, //自动调整高度
			    playSpeed:2000,//图片自动播放的速度
			    helpers : {
			        title : {
			            type : 'inside'
			        },
			        buttons : {}
			    },
			    afterLoad : function() {
			        this.title = '线上业务' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
			    }
			});
			$('.fancybox-buttons-b').fancybox({
			    openEffect  : 'none', //弹出渐现
			    closeEffect : 'none', //关闭渐现
			    //prevEffect : 'none',  上一张渐现
			    //nextEffect : 'none',  下一张渐现
			    closeBtn  : false,  //是否开启关闭按钮,默认true
			    minWidth:400,
			    autoHeight:true, //自动调整高度
			    playSpeed:2000,//图片自动播放的速度
			    helpers : {
			        title : {
			            type : 'inside'
			        },
			        buttons : {}
			    },
			    afterLoad : function() {
			        this.title = '影视业务' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
			    }
			});
			
			
			//滚动到当前显示
			AOS.init({
				easing: 'ease-out-back',
				duration: 2000
			});
			//联系我们
			$('.container:eq(0)').hover(function(){
				$('.contact_a').stop(true,true).toggle(500);
			})
			$('.container:eq(1)').hover(function(){
				$('.contact_b').stop(true,true).toggle(500);
			})
			$('.container:eq(2)').hover(function(){
				$('.contact_c').stop(true,true).toggle(500);
			})
			$('.container:eq(3)').hover(function(){
				$('.contact_d').stop(true,true).toggle(500);
			})
			
		})
		$(function(){
			showScroll();
			function showScroll(){
				$(window).scroll( function() { 
					var scrollValue=$(window).scrollTop();
					scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
				} );	
				$('#scroll').click(function(){
					$("html,body").animate({scrollTop:0},200);	
				});	
			}
		})
		
	</script>
	</body>
</html>
